<!doctype html>
<html lang="zh-CN">
<head>
<!-- 必须的 meta 标签 -->
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap 的 CSS 文件 -->
<link rel="stylesheet" type="text/css" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="./css/admin.css">
<title>管理首页</title>
</head>
<body>
	<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
		<a class="navbar-brand" href="#">奖牌榜管理后台</a>
		<button class="navbar-toggler" type="button" data-toggle="collapse"
			data-target="#navbarColor02" aria-controls="navbarColor02"
			aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		</button>
		<div class="collapse navbar-collapse" id="navbarColor02">
			<ul class="navbar-nav mr-auto">
				<li class="nav-item active"><a class="nav-link" href="./">管理首页</a></li>
				<li class="nav-item"><a class="nav-link" href="country.html">参赛国家</a>
				</li>
				<li class="nav-item"><a class="nav-link"
					href="sportingevents.html">体育项目</a></li>
				<li class="nav-item"><a class="nav-link"
					href="sportsmanInfo.html">参赛人员</a></li>
				<li class="nav-item"><a class="nav-link" href="medal.html">获奖信息</a></li>
			</ul>

			<div class=" ml-auto">
				<button type="button" class="btn btn-light dropdown-toggle"
					data-toggle="dropdown" aria-expanded="false">管理员</button>
				<div class="dropdown-menu dropdown-menu-right">
					<button class="dropdown-item" type="button">修改个人资料</button>
					<button class="dropdown-item" type="button">修改登录密码</button>
					<button class="dropdown-item" type="button">修改个人头像</button>
					<div class="dropdown-divider"></div>
					<button class="dropdown-item" type="button" data-toggle="modal"
						data-target="#exitDialog">安全退出</button>
				</div>
			</div>
		</div>
	</nav>
	<div class="modal fade" id="exitDialog" tabindex="-1">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLabel">退出系统</h5>
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">确定要退出吗？</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary"
						data-dismiss="modal">取消</button>
					<a href="../logout.let" class="btn btn-primary">安全退出</a>
				</div>
			</div>
		</div>
	</div>

	<div class="container">
		<nav class="mt-2 mb-2">
			<ol class="breadcrumb">
				<li class="breadcrumb-item">首页</li>
			</ol>
		</nav>
	</div>

	<div class="container">
		<div class="jumbotron" style="text-align: center">
			<h1 class="display-10">欢迎来到后台管理系统!</h1>
		</div>
	</div>
	<script src="../assets/js/jquery-3.6.0.min.js"></script>
	<script src="../assets/js/bootstrap.bundle.min.js"></script>
</body>
</html>